<template>
	<view class="content-box">
		<view class="fixed">
			<view class="content1">
				<Head></Head>
			</view>
			<view class="content2">
				<Banner></Banner>
			</view>
		</view>

		<div class="main-center">
		      <h1 style="text-align: center;margin-top: 50px">合作大学预科课程申请</h1>
		      <img src="../../static/application/Pathway-Logos-2020-01.png" alt="" style="width: 100%;display: block;margin-top: 50px">
		      <div class="details">
		        <p>欢迎填写牛津国际教育集团合作大学预科课程申请表。如想就读上述牛津国际教育集团合作大学预科课程，<strong><a href="https://www.oxfordinternational.com/about-oxford-international/privacy-policy/">请填写此表</a></strong>。</p>
		        <p>重要事项：为顺利完成所有课程，学生需使用带麦克风和网络摄像头的笔记本电脑/电脑，以及稳定的网络。</p>
		        <p>我们承诺将保护您的数据安全并尊重您的隐私。如想了解更多您的个人信息管理的相关资讯，请点击此处查看我们的隐私政策。</p>
		      </div>
		    </div>
<Foot></Foot>
	</view>
</template>

<script>
	import Head from '@/components/head.vue'
	import Banner from '@/components/banner.vue'
	import Foot from '@/components/foot.vue'
	export default {
		components: {
			Head,
			Banner,
			Foot
		},
		data() {
			return {
				swiperHeight: 0,
			};
		},
		onLoad() {
			let H = window.innerHeight
			let W = window.innerWidth

			if (W > 750) {
				this.swiperHeight = H
			} else {
				this.swiperHeight = 500
			}
		}
	}
</script>

<style lang="scss" scoped>
	@import url("../../css/daxue.css");

	.main-center {
	    max-width: 1200px;
	    margin: 0 auto;
	    // margin-top: 220px;
			padding-top: 200px;
	  }
	  .img-list{
	    display: flex;
	    flex-direction: row;
	    justify-content: center;
	  }
	  .details{
	    margin-top: 50px;
	    font-size: 17px;
	    line-height: 36px;
	    color: #303030;
	    padding-bottom: 100px;
			p{
				margin-bottom: 20px;
			}
	    a{
	      text-decoration: none;
	      color: #303030;
	    }
	  }
			@media screen and (max-width: 750px){
				.main-center {
				    max-width: 1200px;
				    margin: 0 auto;
				    // margin-top: 220px;
						padding-top: 40px;
				  }
				.details{
					font-size: 15px;
					line-height: 30px;
					/* padding-left: 0px;
					flex-direction: column;
					align-items: center; */
					p,ul{
						width: 90%;
						margin: 0 auto;
						margin-bottom: 30px;
					}
					
				}
			}
</style>
